<!DOCTYPE HTML>
<html>
	<head>
		<title>nativeDroid II - jQueryMobile Template</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

		<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css" />
		<link rel="stylesheet" href="/vendor/waves/waves.min.css" />
		<link rel="stylesheet" href="/vendor/wow/animate.css" />
		<link rel="stylesheet" href="/css/nativedroid2.css" />

				<style>
					/* Prevent FOUC */
					body { opacity: 0; }
				</style>

	</head>
	<body class="clr-accent-lime">

		<div data-role="page">

			<nd2-include data-src="/examples/fragments/panel.left.html"></nd2-include>

      <div data-role="panel" id="bottomsheet" data-animate="false" data-position='bottom' data-display="overlay">
				<nd2-include data-src="/examples/fragments/bottom.sheet.html"></nd2-include>
			</div>

			<div data-role="header" data-position="fixed" class="wow fadeIn">
				<a href="#leftpanel" class="ui-btn ui-btn-left"><i class="zmdi zmdi-menu"></i></a>
				<h1 class="wow fadeIn" data-wow-delay='0.4s'>Search</h1>
        <a href="#bottomsheet" class="ui-btn ui-btn-right wow fadeIn" data-wow-delay='1.2s'><i class="zmdi zmdi-more-vert"></i></a>
			</div>

			<div role="main" class="ui-content wow fadeIn" data-inset="false" data-wow-delay="0.2s">



        				<span class="nd2-title">Search</span>
        				<p>
        					This search box in the header depends on <a href="http://api.jqueryui.com/autocomplete/">jQueryUI's autocomplete</a> and can be simply triggered by the following code:
        				</p>
        				<p>
        					<pre>new $.nd2Search({
  <strong>placeholder</strong> : "Input Placeholder",   <i>// Placeholder in the search field</i>
  <strong>defaultIcon</strong> : "globe-alt",  <i>// optional: icon | null</i>
  <strong>source</strong> : [{ label : 'Displayed Value', value : 'real-value', icon : 'custom-icon'}],   <i>// <a href='http://api.jqueryui.com/autocomplete/#option-source'>autocomplete : option-source</a></i>
  <strong>fn</strong> : function(result) { <i>// this function will be executed when a valid result item is selected</i>
    console.log('--- Your custom handling ---');
    console.log('you picked: ');
    console.log(result);
  }
});</pre>
        				</p>

			</div>

		</div>

		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
		<script src="//code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
		<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
		<script src="/vendor/waves/waves.min.js"></script>
		<script src="/vendor/wow/wow.min.js"></script>
		<script src="/js/nativedroid2.js"></script>
		<script src="/nd2settings.js"></script>

    <<script type="text/javascript">

			// Toast Test

				new $.nd2Search({
					placeholder : "Search",
          defaultIcon : "globe-alt",
          source : [
              {"label": "Afghanistan", "value": "AF"},
              {"label": "Åland Islands", "value": "AX"},
              {"label": "Albania", "value": "AL"},
              {"label": "Algeria", "value": "DZ"},
              {"label": "American Samoa", "value": "AS"},
              {"label": "AndorrA", "value": "AD"},
              {"label": "Angola", "value": "AO"},
              {"label": "Anguilla", "value": "AI"},
              {"label": "Antarctica", "value": "AQ"},
              {"label": "Antigua and Barbuda", "value": "AG"},
              {"label": "Argentina", "value": "AR"},
              {"label": "Armenia", "value": "AM"},
              {"label": "Aruba", "value": "AW"},
              {"label": "Australia", "value": "AU"},
              {"label": "Austria", "value": "AT"},
              {"label": "Azerbaijan", "value": "AZ"},
              {"label": "Bahamas", "value": "BS"},
              {"label": "Bahrain", "value": "BH"},
              {"label": "Bangladesh", "value": "BD"},
              {"label": "Barbados", "value": "BB"},
              {"label": "Belarus", "value": "BY"},
              {"label": "Belgium", "value": "BE"},
              {"label": "Belize", "value": "BZ"},
              {"label": "Benin", "value": "BJ"},
              {"label": "Bermuda", "value": "BM"},
              {"label": "Bhutan", "value": "BT"},
              {"label": "Bolivia", "value": "BO"},
              {"label": "Bosnia and Herzegovina", "value": "BA"},
              {"label": "Botswana", "value": "BW"},
              {"label": "Bouvet Island", "value": "BV"},
              {"label": "Brazil", "value": "BR"},
              {"label": "British Indian Ocean Territory", "value": "IO"},
              {"label": "Brunei Darussalam", "value": "BN"},
              {"label": "Bulgaria", "value": "BG"},
              {"label": "Burkina Faso", "value": "BF"},
              {"label": "Burundi", "value": "BI"},
              {"label": "Cambodia", "value": "KH"},
              {"label": "Cameroon", "value": "CM"},
              {"label": "Canada", "value": "CA"},
              {"label": "Cape Verde", "value": "CV"},
              {"label": "Cayman Islands", "value": "KY"},
              {"label": "Central African Republic", "value": "CF"},
              {"label": "Chad", "value": "TD"},
              {"label": "Chile", "value": "CL"},
              {"label": "China", "value": "CN"},
              {"label": "Christmas Island", "value": "CX"},
              {"label": "Cocos (Keeling) Islands", "value": "CC"},
              {"label": "Colombia", "value": "CO"},
              {"label": "Comoros", "value": "KM"},
              {"label": "Congo", "value": "CG"},
              {"label": "Congo, The Democratic Republic of the", "value": "CD"},
              {"label": "Cook Islands", "value": "CK"},
              {"label": "Costa Rica", "value": "CR"},
              {"label": "Cote D\"Ivoire", "value": "CI"},
              {"label": "Croatia", "value": "HR"},
              {"label": "Cuba", "value": "CU"},
              {"label": "Cyprus", "value": "CY"},
              {"label": "Czech Republic", "value": "CZ"},
              {"label": "Denmark", "value": "DK"},
              {"label": "Djibouti", "value": "DJ"},
              {"label": "Dominica", "value": "DM"},
              {"label": "Dominican Republic", "value": "DO"},
              {"label": "Ecuador", "value": "EC"},
              {"label": "Egypt", "value": "EG"},
              {"label": "El Salvador", "value": "SV"},
              {"label": "Equatorial Guinea", "value": "GQ"},
              {"label": "Eritrea", "value": "ER"},
              {"label": "Estonia", "value": "EE"},
              {"label": "Ethiopia", "value": "ET"},
              {"label": "Falkland Islands (Malvinas)", "value": "FK"},
              {"label": "Faroe Islands", "value": "FO"},
              {"label": "Fiji", "value": "FJ"},
              {"label": "Finland", "value": "FI"},
              {"label": "France", "value": "FR"},
              {"label": "French Guiana", "value": "GF"},
              {"label": "French Polynesia", "value": "PF"},
              {"label": "French Southern Territories", "value": "TF"},
              {"label": "Gabon", "value": "GA"},
              {"label": "Gambia", "value": "GM"},
              {"label": "Georgia", "value": "GE"},
              {"label": "Germany", "value": "DE"},
              {"label": "Ghana", "value": "GH"},
              {"label": "Gibraltar", "value": "GI"},
              {"label": "Greece", "value": "GR"},
              {"label": "Greenland", "value": "GL"},
              {"label": "Grenada", "value": "GD"},
              {"label": "Guadeloupe", "value": "GP"},
              {"label": "Guam", "value": "GU"},
              {"label": "Guatemala", "value": "GT"},
              {"label": "Guernsey", "value": "GG"},
              {"label": "Guinea", "value": "GN"},
              {"label": "Guinea-Bissau", "value": "GW"},
              {"label": "Guyana", "value": "GY"},
              {"label": "Haiti", "value": "HT"},
              {"label": "Heard Island and Mcdonald Islands", "value": "HM"},
              {"label": "Holy See (Vatican City State)", "value": "VA"},
              {"label": "Honduras", "value": "HN"},
              {"label": "Hong Kong", "value": "HK"},
              {"label": "Hungary", "value": "HU"},
              {"label": "Iceland", "value": "IS"},
              {"label": "India", "value": "IN"},
              {"label": "Indonesia", "value": "ID"},
              {"label": "Iran, Islamic Republic Of", "value": "IR"},
              {"label": "Iraq", "value": "IQ"},
              {"label": "Ireland", "value": "IE"},
              {"label": "Isle of Man", "value": "IM"},
              {"label": "Israel", "value": "IL"},
              {"label": "Italy", "value": "IT"},
              {"label": "Jamaica", "value": "JM"},
              {"label": "Japan", "value": "JP"},
              {"label": "Jersey", "value": "JE"},
              {"label": "Jordan", "value": "JO"},
              {"label": "Kazakhstan", "value": "KZ"},
              {"label": "Kenya", "value": "KE"},
              {"label": "Kiribati", "value": "KI"},
              {"label": "Korea, Democratic People\"S Republic of", "value": "KP"},
              {"label": "Korea, Republic of", "value": "KR"},
              {"label": "Kuwait", "value": "KW"},
              {"label": "Kyrgyzstan", "value": "KG"},
              {"label": "Lao People\"S Democratic Republic", "value": "LA"},
              {"label": "Latvia", "value": "LV"},
              {"label": "Lebanon", "value": "LB"},
              {"label": "Lesotho", "value": "LS"},
              {"label": "Liberia", "value": "LR"},
              {"label": "Libyan Arab Jamahiriya", "value": "LY"},
              {"label": "Liechtenstein", "value": "LI"},
              {"label": "Lithuania", "value": "LT"},
              {"label": "Luxembourg", "value": "LU"},
              {"label": "Macao", "value": "MO"},
              {"label": "Macedonia, The Former Yugoslav Republic of", "value": "MK"},
              {"label": "Madagascar", "value": "MG"},
              {"label": "Malawi", "value": "MW"},
              {"label": "Malaysia", "value": "MY"},
              {"label": "Maldives", "value": "MV"},
              {"label": "Mali", "value": "ML"},
              {"label": "Malta", "value": "MT"},
              {"label": "Marshall Islands", "value": "MH"},
              {"label": "Martinique", "value": "MQ"},
              {"label": "Mauritania", "value": "MR"},
              {"label": "Mauritius", "value": "MU"},
              {"label": "Mayotte", "value": "YT"},
              {"label": "Mexico", "value": "MX"},
              {"label": "Micronesia, Federated States of", "value": "FM"},
              {"label": "Moldova, Republic of", "value": "MD"},
              {"label": "Monaco", "value": "MC"},
              {"label": "Mongolia", "value": "MN"},
              {"label": "Montserrat", "value": "MS"},
              {"label": "Morocco", "value": "MA"},
              {"label": "Mozambique", "value": "MZ"},
              {"label": "Myanmar", "value": "MM"},
              {"label": "Namibia", "value": "NA"},
              {"label": "Nauru", "value": "NR"},
              {"label": "Nepal", "value": "NP"},
              {"label": "Netherlands", "value": "NL"},
              {"label": "Netherlands Antilles", "value": "AN"},
              {"label": "New Caledonia", "value": "NC"},
              {"label": "New Zealand", "value": "NZ"},
              {"label": "Nicaragua", "value": "NI"},
              {"label": "Niger", "value": "NE"},
              {"label": "Nigeria", "value": "NG"},
              {"label": "Niue", "value": "NU"},
              {"label": "Norfolk Island", "value": "NF"},
              {"label": "Northern Mariana Islands", "value": "MP"},
              {"label": "Norway", "value": "NO"},
              {"label": "Oman", "value": "OM"},
              {"label": "Pakistan", "value": "PK"},
              {"label": "Palau", "value": "PW"},
              {"label": "Palestinian Territory, Occupied", "value": "PS"},
              {"label": "Panama", "value": "PA"},
              {"label": "Papua New Guinea", "value": "PG"},
              {"label": "Paraguay", "value": "PY"},
              {"label": "Peru", "value": "PE"},
              {"label": "Philippines", "value": "PH"},
              {"label": "Pitcairn", "value": "PN"},
              {"label": "Poland", "value": "PL"},
              {"label": "Portugal", "value": "PT"},
              {"label": "Puerto Rico", "value": "PR"},
              {"label": "Qatar", "value": "QA"},
              {"label": "Reunion", "value": "RE"},
              {"label": "Romania", "value": "RO"},
              {"label": "Russian Federation", "value": "RU"},
              {"label": "RWANDA", "value": "RW"},
              {"label": "Saint Helena", "value": "SH"},
              {"label": "Saint Kitts and Nevis", "value": "KN"},
              {"label": "Saint Lucia", "value": "LC"},
              {"label": "Saint Pierre and Miquelon", "value": "PM"},
              {"label": "Saint Vincent and the Grenadines", "value": "VC"},
              {"label": "Samoa", "value": "WS"},
              {"label": "San Marino", "value": "SM"},
              {"label": "Sao Tome and Principe", "value": "ST"},
              {"label": "Saudi Arabia", "value": "SA"},
              {"label": "Senegal", "value": "SN"},
              {"label": "Serbia and Montenegro", "value": "CS"},
              {"label": "Seychelles", "value": "SC"},
              {"label": "Sierra Leone", "value": "SL"},
              {"label": "Singapore", "value": "SG"},
              {"label": "Slovakia", "value": "SK"},
              {"label": "Slovenia", "value": "SI"},
              {"label": "Solomon Islands", "value": "SB"},
              {"label": "Somalia", "value": "SO"},
              {"label": "South Africa", "value": "ZA"},
              {"label": "South Georgia and the South Sandwich Islands", "value": "GS"},
              {"label": "Spain", "value": "ES"},
              {"label": "Sri Lanka", "value": "LK"},
              {"label": "Sudan", "value": "SD"},
              {"label": "Suriname", "value": "SR"},
              {"label": "Svalbard and Jan Mayen", "value": "SJ"},
              {"label": "Swaziland", "value": "SZ"},
              {"label": "Sweden", "value": "SE"},
              {"label": "Switzerland", "value": "CH"},
              {"label": "Syrian Arab Republic", "value": "SY"},
              {"label": "Taiwan, Province of China", "value": "TW"},
              {"label": "Tajikistan", "value": "TJ"},
              {"label": "Tanzania, United Republic of", "value": "TZ"},
              {"label": "Thailand", "value": "TH"},
              {"label": "Timor-Leste", "value": "TL"},
              {"label": "Togo", "value": "TG"},
              {"label": "Tokelau", "value": "TK"},
              {"label": "Tonga", "value": "TO"},
              {"label": "Trinidad and Tobago", "value": "TT"},
              {"label": "Tunisia", "value": "TN"},
              {"label": "Turkey", "value": "TR"},
              {"label": "Turkmenistan", "value": "TM"},
              {"label": "Turks and Caicos Islands", "value": "TC"},
              {"label": "Tuvalu", "value": "TV"},
              {"label": "Uganda", "value": "UG"},
              {"label": "Ukraine", "value": "UA"},
              {"label": "United Arab Emirates", "value": "AE"},
              {"label": "United Kingdom", "value": "GB"},
              {"label": "United States", "value": "US"},
              {"label": "United States Minor Outlying Islands", "value": "UM"},
              {"label": "Uruguay", "value": "UY"},
              {"label": "Uzbekistan", "value": "UZ"},
              {"label": "Vanuatu", "value": "VU"},
              {"label": "Venezuela", "value": "VE"},
              {"label": "Viet Nam", "value": "VN"},
              {"label": "Virgin Islands, British", "value": "VG"},
              {"label": "Virgin Islands, U.S.", "value": "VI"},
              {"label": "Wallis and Futuna", "value": "WF"},
              {"label": "Western Sahara", "value": "EH"},
              {"label": "Yemen", "value": "YE"},
              {"label": "Zambia", "value": "ZM"},
              {"label": "Zimbabwe", "value": "ZW"}
          ],
          fn : function(result) {
            console.log('--- Your custom handling ---');
            console.log('you picked: ');
            console.log(result);
          }
				});


		</script>


	</body>
</html>
